// pages/searchMovie/searchMovie.js
import { rankArr } from '../../utils/dataSource'
Page({

    /**
     * 页面的初始数据
     */
    data: {
        // 当输入框有值时显示清除图标
        isShowClearIcon: false,

        // 输入框的值
        inputVal: '',

        // placeholder的默认值
        placeholderVal: '不老奇事',

        // 搜索历史
        searchHistory: [],

        // 是否正在搜索中
        isSearching: false,
        
        // 排行榜
        rankArr: rankArr
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        this.setData({
            searchHistory: wx.getStorageSync('searchHistory') || []
        })
    },


    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    // 监听输入框的值
    handleInput({ detail }) {
        const { value } = detail
        if (value) {
            this.setData({
                isShowClearIcon: true,
                inputVal: value
            })
        } else {
            this.setData({
                isShowClearIcon: false
            })
        }
    },

    // 清空输入框的值
    clearInput() {
        this.setData({
            inputVal: '',
            isShowClearIcon: false,
            isSearching: false
        })
    },

    // 搜索事件
    handleSearch() {
        const { searchHistory, inputVal, placeholderVal } = this.data
        this.setData({ isSearching: true })
        if (searchHistory.length < 11) {
            while (searchHistory.length === 10) {
                searchHistory.pop()
            }
            if (!inputVal) {
                searchHistory.unshift(placeholderVal)
            } else {
                searchHistory.unshift(inputVal)
            }
        }
        wx.setStorageSync('searchHistory', searchHistory)
        this.setData({
            searchHistory
        })
    },

    // 清空搜索历史
    handleClearHistory() {
        wx.showModal({
            title: '提示',
            content: '是否确认删除搜索历史?',
            cancelColor: '#ccc',
            confirmColor: '#869DB9',
            success: (res) => {
                if (res.confirm) {
                    wx.showToast({
                        title: '请稍后',
                        icon: 'loading',
                        duration: 2000,
                    })
                    let timer = setTimeout(() => {
                        wx.removeStorageSync('searchHistory')
                        this.setData({
                            searchHistory: []
                        }, () => {
                            wx.showToast({
                                title: '删除成功',
                                icon: 'success'
                            })
                            clearTimeout(timer)
                        })
                    }, 2000)
                }
            }
        })
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})